<style>
.selected_cat
{
	background-color: olive;
	border: thick;
	padding-left: 10px;
	padding-right: 10px;
}
</style>
<div class="deal_nav">
<strong>
<span>
<?php
if(!isset($categories))
{
	$categories = array();
}
if(!empty($categories))
{
	$categoryClass = "category_link";
	if($categoryId=="")
	{
		$categoryClass = "selected_cat";
	}
	//echo $html->link(__("All ".$dealType."s"),array("controller"=>"deals","action"=>"index",$dealType),array("class"=>$categoryClass));
	echo $html->link(__("All deals"),array("plugin"=>"deals","controller"=>"deals","action"=>"index"),array("class"=>$categoryClass));
	
	foreach ($categories as $catId => $category)
	{
		$categoryClass = "category_link";
		
		//@todo remove the line below when other solution is added - which was initially added to add gap between category links
		echo "&nbsp;&nbsp;&nbsp;&nbsp;";

		//$category = substr($category, strpos($category, ". ")+2);
		$category = ucwords(strtolower($category));		
		if($catId == $categoryId)
		{
			$categoryClass = "selected_cat";
		}
		//echo $html->link(__($category),array("plugin"=>"deals","controller"=>"deals","action"=>"index",$dealType,$catId),array("class"=>$categoryClass));
		echo $html->link(__($category),array("plugin"=>"deals","controller"=>"deals","action"=>"index",$catId),array("class"=>$categoryClass));
	}
}
?>
</span>
</strong>
<div class="clear"></div>
<br/>
</div>